import React from "react";

import type { SVGProps } from "react";

const Notion = (props: SVGProps<SVGSVGElement>) => (
  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
    <path fill="#fff" d="M0 0h32v32H0z" />
    <path
      d="m4.891 3.864 14.715-1.082c1.806-.155 2.272-.05 3.408.774l4.697 3.301c.774.568 1.033.723 1.033 1.342v18.106c0 1.135-.414 1.806-1.859 1.909L9.798 29.245c-1.085.052-1.601-.103-2.17-.825l-3.46-4.489c-.62-.825-.877-1.443-.877-2.166V5.669c0-.927.413-1.702 1.6-1.804Z"
      fill="#fff"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M19.606 2.781 4.89 3.866c-1.187.101-1.6.876-1.6 1.804v16.095c0 .723.257 1.341.877 2.166l3.46 4.489c.567.722 1.084.878 2.17.824l17.087-1.03c1.445-.103 1.86-.774 1.86-1.91V8.199c0-.587-.233-.756-.918-1.255l-.117-.086-4.696-3.302c-1.136-.824-1.602-.929-3.408-.774Zm-9.422 5.12c-1.395.094-1.711.115-2.504-.528l-2.015-1.6c-.206-.206-.102-.464.414-.515l14.146-1.032c1.188-.103 1.807.31 2.272.67l2.426 1.755c.103.051.361.36.052.36l-14.61.879-.18.011ZM8.557 26.15V10.777c0-.67.206-.98.826-1.032l16.779-.98c.569-.051.827.31.827.98v15.269c0 .672-.104 1.24-1.034 1.29l-16.055.93c-.93.051-1.343-.257-1.343-1.084Zm15.851-14.548c.103.465 0 .93-.466.982l-.773.154v11.348c-.672.361-1.292.567-1.808.567-.826 0-1.033-.257-1.652-1.031l-5.06-7.943v7.686l1.601.36s0 .929-1.292.929l-3.562.206c-.103-.206 0-.722.362-.825l.93-.257V13.614l-1.292-.104c-.102-.464.155-1.135.878-1.186l3.821-.257 5.266 8.047v-7.119l-1.342-.154c-.104-.568.31-.981.825-1.032l3.564-.207Z"
      fill="#000"
    />
  </svg>
);
export default Notion;
